<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" 
	template="/WEB-INF/templates/template.xhtml">
	
<ui:define name="headIncludes">
	<style>
		.ui-widget {
			font-size:13px; 
		}
	</style>
</ui:define>
	
	<ui:define name="pageName">Manter Cliente</ui:define>
	
	<ui:define name="content">	
		<div style="margin-left:15%;float:left;width:70%;">
			<h:panelGrid columns="4" style="padding:5px;">
				<h:outputText value="Código" />
				<h:outputText value="Nome" />
				<h:outputText value="Data de nascimento" />
				<h:outputText value="Sexo" />
				
				<h:inputText style="width:100px;"/>
				<h:inputText style="width:300px;"/>
				<h:inputText style="width:120px;"/>
				<p:selectOneRadio id="options">  
            		<f:selectItem itemLabel="Masculino" itemValue="1" />  
           			<f:selectItem itemLabel="Feminino" itemValue="2" />  
        		</p:selectOneRadio> 
			</h:panelGrid>
			<h:panelGrid columns="4" style="padding:5px;">
				<h:outputText value="Logradouro" />
				<h:outputText value="Número" />
				<h:outputText value="Complemento" />
				<h:outputText value="Bairro" />
								
				<h:inputText style="width:300px;"/>
				<h:inputText style="width:80px;"/>
				<h:inputText style="width:100px;"/>
				<h:inputText style="width:200px;"/>
			</h:panelGrid>
			<h:panelGrid columns="5" style="padding:5px;">			
				<h:outputText value="CEP" />		
				<h:outputText value="Cidade" />	
				<h:outputText value="Estado" />	
				<h:outputText value="País" />		
				<h:outputText value="" />
				
				<h:inputText style="width:150px;"/>
				<h:inputText style="width:200px;"/>
				<h:inputText style="width:130px;"/>	
				<h:inputText style="width:130px;"/>				
				<p:commandButton value="Buscar" onclick="dialogListCidade.show();" />
			</h:panelGrid>
			<h:panelGrid columns="5" style="padding:5px;">			
				<h:outputText value="Telefone" />		
				<h:outputText value="" />	
				<h:outputText value="Celular" />	
				<h:outputText value="" />		
				<h:outputText value="E-mail" />
				
				<h:inputText style="width:50px;"/>
				<h:inputText style="width:150px;"/>
				<h:inputText style="width:50px;"/>	
				<h:inputText style="width:150px;"/>
				<h:inputText style="width:277px;"/>				
			</h:panelGrid>
			<h:panelGrid columns="3" style="padding:5px;">			
				<h:outputText value="RG" />
				<h:outputText value="CPF" />	
				<h:outputText value="Limite de crédito" />
				
				<h:inputText style="width:150px;"/>
				<h:inputText style="width:150px;"/>
				<h:inputText style="width:150px;"/>				
			</h:panelGrid>
			
			<div style="float:left;width:75%;padding-top:10px;text-align:right;">
				<p:commandButton value="Salvar" style="height:28px;"/>
				<p:commandButton value="Limpar" style="height:28px;" />
				<p:commandButton value="Voltar" style="height:28px;"/>
			</div>
		</div>		
	</ui:define>
	<ui:define name="popups">
		<ui:include src="listCidade.xhtml"></ui:include>
	</ui:define>
</ui:composition>